<%--
  Created by IntelliJ IDEA.
  User: zhangjie
  Date: 2018/9/18
  Time: 2:53 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>
<html>
<head>
    <title>血压评估</title>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${frames}/css/lib/dataTables.bootstrap.css" type="text/css">
    <%--<link rel="stylesheet" href="${frames}/css/paginate.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${frames}/css/qulitity.css" type="text/css">--%>
    <link rel="stylesheet" href="../assets/css/views/modules/_common.scss">
    <link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">
    <link rel="stylesheet" href="${assets}/css/views/bloodScreening.css">
    <link rel="stylesheet" href="${assets}/css/views/department/departmentMgr.css">
    <script src="../assets/js/views/vue.min.js"></script>
    <script src="${js}/jquery-1.9.1.min.js"></script>
    <script src="${js}/jquery.dataTables.js"></script>
    <link href="../assets/css/bootstrap-datetimepicker.css" type="text/css">
    <script src="../assets/js/bootstrap-datetimepicker.min.js"></script>
    <script src="${frames}/Chronic/laydate/laydate.js"></script>
    <script src="${assets}/js/views/bpAbnormal.js"></script>
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <style>
        .color {
            margin: 0 !important;
        }

        span {
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            font-family: PingFang-SC-Regular;
        }

        .btn {
            float: right;
            width: 100px;
            font-size: 16px;
            line-height: 28px;
            background: #35acfd !important;
            margin-right: 15px !important;
            padding: 0 !important;
        }

        .infor div span {
            color: #666;

        }

        .infor .other span {
            width: 40.7%;
            margin-right: 5.36%;
        }

        #example_paginate {
            margin-top: 15px;
            width: 100%;
            text-align: center;
        }

        #mytool {
            width: 96%;
        }

        .none {
            display: none
        }

        label {
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }

        .tableWrap span {
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }

        #accompanyType {
            width: 160px;
            height: 30px;
            border-radius: 5px;
            border: solid 1px #d0d0d0;
            line-height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #999999;
        }

        #beginDate, #endDate {
            width: 120px;
            height: 30px;
            border-radius: 5px;
            border: solid 1px #d0d0d0;
            font-family: PingFang-SC-Regular;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #999999;
        }

        input[type=checkbox] {
            width: 20px;
            height: 20px;
            -webkit-appearance: none;
            border-radius: 5px;
            border: 1px solid #9e9e9e;
            vertical-align: top;
            margin-top: 7px;
        }

        input[type=checkbox]:checked {
            background-image: url('../assets/images/radio.png');
            background-size: 100% 100%;
            border: none
        }

        .content {
            height: auto !important;
        }

        .dataTables_empty {
            line-height: 30px;
        }
    </style>
</head>
<body>
<div>
    <%@ include file="../../breadline.jsp" %>
</div>
<div id="main" class="wrap">
    <div>
        <%@ include file="../../personalnews.jsp" %>
    </div>
    <div style="width:100%;">
        <div class="illness">
            <div class="tableWrap">
                <div style="margin-left:20px;padding-top:20px;">
                    <h3 style="margin-bottom:16px;">医疗服务</h3>
                </div>
                <%--<div style="margin-top:20px;margin-left:35px;" class="table">
                    <label for="id_select" class="illtype" style="margin-right:20px;">随访方式</label>
                    <select id="accompanyType" name="accompanyType" class="SN">
                        <medi:configOpt name="accompanyType" />
                    </select>
                    <label for="time" class="illtype" style="margin-left:29px;margin-right:20px;">时间</label>
                    <div style="width:120px;display:inline-block;vertical-align:middle;margin-bottom:5px;">
                        <div id="PrevTime" class="input-group date form_date" style="width: 100%"
                             data-date-format="yyyy-mm-dd">
                            <input id="beginDate" type="text" class="lay-date" placeholder="  开始日期" readonly>
                        </div>
                    </div>
                    -
                    <div style="width:120px;display:inline-block;vertical-align:middle;margin-bottom:5px;">
                        <div id="PrevTime" class="input-group date form_date" style="width: 100%"
                             data-date-format="yyyy-mm-dd" style="width:120px;display:inline-block">
                            <input id="endDate" type="text" class="lay-date" placeholder="  截止日期" readonly>
                        </div>
                    </div>
                    <button onclick="search();" class="btn"
                            style="float:none;color:white;margin-bottom:5px;margin-left:30px;">
                        <img src="../assets/images/search.png" alt="" style="width:16px;vertical-align: middle;"> 搜索
                    </button>
                </div>--%>
                <div class="content" style="padding-bottom:40px;">
                    <div id="tablepart">
                        <table id="example" class="display" cellspacing="10" width="100%">
                            <thead>
                            <tr style="background:#e6e6e6;">
                                <th></th>
                                <%--<th>登记医生</th>--%>
                                <th>随访时间</th>
                                <th>下次随访时间</th>
                                <th>登记日期</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <div class="loading" style="display: none;">
                    <img src="${newframe }/images/slidebar/loading.gif" class="loadingImg">
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var vm = new Vue({
        el: "#main",
        data: {
            infor: [],//病人基本信息data
            id: '',
            idCard: '',
            BMI: '',
            age: '',
            ispatient: '',
            highBp: '',
            isObesity: '',
            familyHistory: '',
            isHighSalt: '',
            isExcessive: '',
            isGreater: '',
            type: '',
            synchronous: false,
            btnText: '',
            dis: false
        },
        methods: {
            //修改病人基本信息
            addDevice: function () {
                let that = this;
                window.parent.showNewModelIframe("${URL_PATIENT_PATIENT}?id=" + that.infor.id + '&diseasesType=' + that.type, 800, 650);
            },
            Synchronous(e) {
                let that = this
                $.ajax({
                    url: '${URL_PATIENT_UPDATEPATIENT}',
                    data: {
                        id: that.infor.id,
                        synchronization: '1'
                    },
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                        console.log(data)
                        if (data.success) {
                            e.target.disabled = true;
                            e.target.innerText = '正在同步'
                            that.setTime()
                        } else {
                            window.parent.showNewModelIframe('${URL_COMMON_TOTIPS}?title=' + data.msg, 300, 200)
                        }
                    }
                })
            },
            setTime() {
                let that = this
                setInterval(function () {
                    $.ajax({
                        url: '${URL_PATIENT_UPDATEPATIENT}',
                        data: {
                            id: that.infor.id,
                            synchronization: '1'
                        },
                        type: 'post',
                        dataType: 'json',
                        success: function (data) {

                        }
                    })
                }, 10000)
            }
        },
        mounted() {
            let that = this;
            var href = location.search.split('?')[1];
            that.idCard = href.split('&')[0].split('=')[1]
            var arr = href.split('&')[0];
            var url = arr.split('=')[1];
            var add = location.search.split('?')[1].split('&')
            that.type = location.search.split('?')[1].split('&')[add.length - 1].split('=')[1]
            // 获取病人基本信息
            $.ajax({
                url: "${URL_PATIENT_PATIENTINFO}",
                type: 'post',
                dataType: "json",
                data: {
                    idCard: that.idCard
                },
                success: function (data) {
                    that.infor = data.data;
                    console.log(that.infor)
                    that.infor.diseasesType = Type(that.infor.diseasesType)
                    that.id = that.infor.id;
                    that.idCard = url;
                    sessionStorage.setItem('BMI', that.infor.bMI);
                    sessionStorage.setItem('age', that.infor.age);
                }
            })

        }
    })

    function initTable() {
        var href = location.search.split('?')[1];
        var idCard = href.split('&')[0].split('=')[1]
        <%--var url = '${URL_ACCOMPANY_BLLIST}?idCard=' + idCard--%>
        var url = '${URL_ACCOMPANY_MEDICALSERVICE}?idCard=' + idCard
        table = $('#example').DataTable({
            "dom": "<'row'<'#mytool.col-xs-10'><'col-xs-6'f>r>" +
                "t" +
                "<'row'<''i><''p>>",
            "bFilter": false,//去掉搜索框
            "bAutoWidth": true, //自适应宽度
            "info": false,
            "bSort": false,
            "sPaginationType": "full_numbers",
            "ordering": false,//是否允许Datatables开启排序
            "bProcessing": true,
            "bServerSide": true,
            "searching": false, //去掉搜索框方法一
            'lengthChange': false,
            "oPaginate": false,
            "sAjaxSource": url,
            "sAjaxDataProp": "dataList",//查询后，返回的集合
            "fnServerData": function (sSource, aoData, fnCallback) {
                aoData.push(
                    <%--{
                        'name': 'startTime',
                        'value': $('#beginDate').val()
                    },
                    {
                        'name': 'endTime',
                        'value': $('#endDate').val()
                    },
                    {
                        'name': 'accompanyType',
                        'value': $('#accompanyType option:selected')[0].value
                    }--%>
                ),
                    $.ajax({
                        "dataType": 'json',
                        "url": sSource,
                        "type": 'post',
                        "data": aoData,
                        "success": function (resp) {
                            console.log(resp)
                            fnCallback(resp)
                        }
                    });
            },
            "aoColumns": [{
                "targets": 0,
                "data": null,
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html(
                        ''
                        + '&nbsp;&nbsp;<input name="id" id = "' + oData.id + '" value="'
                        + oData.id
                        + '" type="checkbox"><label for=' + oData.id + '></label>'
                        + '');
                }
            }, {
                "targets": 1,
                "data": null,
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    if (oData.followDate != null) {
                        $(nTd).html(oData.followDate.slice(0, 10))
                    } else {
                        $(nTd).html('')
                    }
                }
            }, {
                "targets": 2,
                "data": null,
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    if (oData.naxtFollowDate != null) {
                        $(nTd).html(oData.naxtFollowDate.slice(0, 10))
                    } else {
                        $(nTd).html('')
                    }
                }
            }
            , {
                "targets": 3,
                "data": null,
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    if (oData.createTime != null) {
                        $(nTd).html(oData.createTime.slice(0, 10))
                    } else {
                        $(nTd).html('')
                    }
                }
            },

                ],
            "oLanguage": {//插件的汉化
                "sLengthMenu": "32",
                "sInfoEmpty": "没有数据",
                "sInfoFiltered": "(从 _MAX_ 条数据中检索)",
                "oPaginate": {
                    "sFirst": "",
                    "sPrevious": "<b>上一页<b>",
                    "sLast": "",
                    "sNext": "<i>下一页</i>"

                },
                "sZeroRecords": "没有检索到数据",
                "sProcessing": "<img src='' />",
                "sSearch": "搜索"
            },
            "initComplete": function () {
                <%--<shiro:hasPermission name="instrument:delete">
                $("#mytool")
                    .append(
                        '<button id="delete_butt" type="button" onclick="deleteInstr()" style="float:right">删除</button>');
                </shiro:hasPermission>--%>
                <%--<shiro:hasPermission name="instrument:update">--%>
                $("#mytool")
                    .append(
                        '<button id="update_butt" type="button" onclick="updateInstr(this)" style="float:right">修改</button>');
                <%--</shiro:hasPermission>--%>
                <%--<shiro:hasPermission name="instrument:add">
                $("#mytool")
                    .append(
                        '<button id="add_butt" type="button" onclick="addNoMedical()" style="float:right">新增无药物随访</button>');
                </shiro:hasPermission>
                <shiro:hasPermission name="instrument:add">
                $("#mytool")
                    .append(
                        '<button id="add_butt" type="button" onclick="add()" style="float:right">新增</button>');
                </shiro:hasPermission>--%>
            }
        });
    }

    $(document).ready(function () {
        initTable()
        <%--initLayDate('#beginDate');
        initLayDate('#endDate')--%>
    })

    function search() {
        refreshTable()
    }

    function add() {
        // 获取当前idcard
        var href = location.search.split('?')[1];
        var idCard = href.split('&')[0].split('=')[1]
        console.log(idCard)
        $.ajax({
            url: "${URL_SCREENING_GETBREADLINE}",
            dataType: 'json',
            type: 'post',
            success: function (data) {
                breadLine = JSON.parse(data.data)
                var url = '${URL_ACCOMPANY_BLACCOMPANY}?idCard=' + idCard + '&change=' + '0'
                breadLine.push({
                    name: '随访详情',
                    href: url
                })
                $.ajax({
                    url: '${URL_SCREENING_SAVEBREADLINE}',
                    data: {
                        breadLine: JSON.stringify(breadLine)
                    },
                    dataType: 'json',
                    type: 'post',
                    success: function (data) {
                        parent.showSrc('${URL_ACCOMPANY_BLACCOMPANY}?idCard=' + idCard + '&id=' + '')
                    }
                })
            }
        })
    }

    // 新增无药物的随访记录
    function addNoMedical() {
        // 获取当前idcard
        var href = location.search.split('?')[1];
        var idCard = href.split('&')[0].split('=')[1]
        console.log(idCard)
        $.ajax({
            url: "${URL_SCREENING_GETBREADLINE}",
            dataType: 'json',
            type: 'post',
            success: function (data) {
                breadLine = JSON.parse(data.data)
                var url = '${URL_ACCOMPANY_BL_NO_MEDICAL_ACCOMPANY}?idCard=' + idCard + '&change=' + '0'
                breadLine.push({
                    name: '无药物随访详情',
                    href: url
                });
                $.ajax({
                    url: '${URL_SCREENING_SAVEBREADLINE}',
                    data: {
                        breadLine: JSON.stringify(breadLine)
                    },
                    dataType: 'json',
                    type: 'post',
                    success: function (data) {
                        parent.showSrc('${URL_ACCOMPANY_BL_NO_MEDICAL_ACCOMPANY}?idCard=' + idCard + '&id=' + '')
                    }
                })
            }
        })
    }

    function updateInstr(obj) {
        var checkedArray = getCheckedArray();
        if (checkedArray.length != 1) {
            var str = '请勾选一条数据修改'
            window.parent.showNewModelIframe('${URL_COMMON_TOTIPS}?title=' + encodeURI(encodeURI(str)), 380, 220)
            return;
        } else {
            var href = location.search.split('?')[1];
            var idCard = href.split('&')[0].split('=')[1]
            console.log(idCard)
            $.ajax({
                url: "${URL_SCREENING_GETBREADLINE}",
                dataType: 'json',
                type: 'post',
                success: function (data) {
                    breadLine = JSON.parse(data.data)
                    console.log(data)
                    var url = '${URL_ACCOMPANY_BLACCOMPANY_SERVICE}?idCard=' + idCard + '&id=' + checkedArray
                    breadLine.push({
                        name: '医疗服务详情',
                        href: url
                    })
                    $.ajax({
                        url: '${URL_SCREENING_SAVEBREADLINE}',
                        data: {
                            breadLine: JSON.stringify(breadLine)
                        },
                        dataType: 'json',
                        type: 'post',
                        success: function (data) {
                        console.log(data)
                        <%--debugger--%>
                            parent.showSrc('${URL_ACCOMPANY_BLACCOMPANY_SERVICE}?idCard=' + idCard + '&id=' + checkedArray)
                        }
                    })
                }
            })
        }
    }

    <%--function deleteInstr() {
        var checkedArray = getCheckedArray();
        console.log(checkedArray)
        var ids = "";
        if (checkedArray.length == 0) {
            var str = '请勾选一条数据修改'
            window.parent.showNewModelIframe('${URL_COMMON_TOTIPS}?title=' + encodeURI(encodeURI(str)), 380, 220)
        } else {
            for (var i = 0; i < checkedArray.length; i++) {
                ids += checkedArray[i] + ",";
            }
            ids = ids.substring(0, ids.length - 1);
        }
        var r = confirm("确定要删除勾选的数据吗?");
        if (r == true) {
            $.ajax({
                url: '${URL_ACCOMPANY_DELETEBL}',//删除地址
                dataType: 'json',
                type: 'post',
                data: {
                    ids: ids
                },
                async: false, //默认为true 异步
                error: function () {
                    alert('error');
                },
                success: function (data) {

                    if (!data.success) {
                        alert("刪除失敗，失敗原因：" + data.msg);
                    }
                    refreshTable();
                }
            });
        }
    }
--%>
    function getCheckedArray() {
        var checkedArray = [];
        $("input[name='id']").each(function () {
            if (this.checked) {
                checkedArray.push(this.value);
            }
        });
        return checkedArray;
    }

    function getVal() {

    }
</script>
</body>
</html>
